<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	    <link rel="stylesheet" href="../../css/aui.css">
	    <link rel="stylesheet" href="../../css/coupon.css">
		<link rel="stylesheet" href="../../css/pulice.css">
	    <script src="../../js/api.js"></script>
		<script src="../../js/libs/zepto.min.js"></script>
		<script>
            $(function () {
                $('.hm-bar').load('../../data/headerOther.html',function (data) {
                    $(this).find('.head-main').text('我的优惠券');
                    $(this).find('.hm-bar-box').css('position','static');
                    $(this).find('.head-left').on('tap',function () {
                        window.history.back();
                    });
                });
            })
		</script>
	    <title>我的优惠券</title>
	</head>
	<body>
		<div class="hm-bar"></div>
		<div id="box">
			<div class="WD-shenti">
				<div class="WD-nav">
					<div class="WD-nav-box">
						<div class="all">
							全部
						</div>
						<div class="">
							已使用/已失效
						</div>
						<div class="">
							未使用
						</div>
					</div>
				</div>
				<div class="yhq">
					<p>超市购物券，优惠神器</p>
				</div>
				<div class="coupon">
					<div class="couponNum">
						<p>未使用优惠券：<span>20</span>张</p>
					</div>	
					<div class="couponDiv">
						<div class="quan flex between">
						 	<div class="quanLeft">
						 		<p class="p1">￥<span class="span1">23</span><span class="span2">无人超市</span>优惠券</p>
						 		<p class="p2">全部商品通用</p>
						 		<p class="p3">有效期：<span>2018.06.17 00:00</span>-<span>2018.07.17 00:00</span></p>
						 	</div>
						 	<div class="quanRight">
						 		<div class="quanRightImg1"></div>
						 	</div>
						</div>
						<div class="quan1 flex between">
						 	<div class="quanLeft">
						 		<p class="p1">￥<span class="span1">23</span><span class="span2">无人超市</span>优惠券</p>
						 		<p class="p2">全部商品通用</p>
						 		<p class="p3">有效期：<span>2018.06.17 00:00</span>-<span>2018.07.17 00:00</span></p>
						 	</div>
						 	<div class="quanRight">
						 		<div class="quanRightImg2"></div>
						 	</div>
						</div>
						
						<div class="quan1 flex between">
						 	<div class="quanLeft">
						 		<p class="p1">￥<span class="span1">23</span><span class="span2">无人超市</span>优惠券</p>
						 		<p class="p2">全部商品通用</p>
						 		<p class="p3">有效期：<span>2018.06.17 00:00</span>-<span>2018.07.17 00:00</span></p>
						 	</div>
						 	<div class="quanRight">
						 		<div class="quanRightImg3"></div>
						 	</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
